<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>家用电器分类</title>
		<style type="text/css">
			div{
				width: 300px;
			}
			li{
				display: inline-block;
			}
			h2{
				font-size: 18px;
				color: white;
				font-weight: bold;
				line-height: 35px;
				text-indent: 10px;
				background: linear-gradient(#0467AC, #63A7D6, #B6DBF5);	
			}
			h3{font-size: 14px;
			   font-weight: bold;
			   line-height: 30px;
			   background: linear-gradient(azure, #B6DBF5, azure)		
			}
			#aa{
			    text-decoration: none;
				color: #0565C6;
			}
			#aa:hover{
			    text-decoration: underline;
			}
			li a{
				font-size: 12px;
				line-height: 26px;
				text-decoration: none;
				color: #666666;
			}
			li a:hover{
				text-decoration: underline;
				color: #F60;
			}
			h3{
				text-indent: 30px;
			}
			
			
		</style>
	</head>
	<body>
		<div>
		<h2>家用电器</h2>
		<ul>
			<h3><a href="#" id="aa">大家电</a></h3>
			<li><a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a><br />
			<li><a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
			<li><a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
		</ul>
		<ul>
			<h3><a href="#" id="aa">生活电器</a></h3>
			<li><a href="#">电风扇</a> <a href="#">净化器</a> <a href="#">吸尘器</a><br />
			<li><a href="#">净水设备</a> <a href="#">挂烫机</a> <a href="#">电话机</a>
		</ul>
		<ul>
			<h3><a href="#" id="aa">厨房电器</a></h3>
			<li><a href="#">榨汁机</a> <a href="#">电压力锅</a> <a href="#">电饭煲</a><br />
			<li><a href="#">豆浆机</a> <a href="#">微波炉</a> <a href="#">电磁炉</a>
		</ul>
		<ul>
			<h3><a href="#" id="aa">五金家装</a></h3>
			<li><a href="#">淋浴/水槽</a> <a href="#">电动工具</a> <a href="#">手动工具</a><br />
			<li><a href="#">仪器仪表</a> <a href="#">浴霸/排气</a> <a href="#">灯具</a>
		</ul>
		</div>
	</body>
<ml>
